/*
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*
{
margin: 0px;
padding: 0px;
}

a img {
	border: 0;
}

/*
a:link {
    color: #7BBB15;
}
*/
a:hover {
    text-decoration: none;
    color: #FF0000;
}

a:visited {
    color: #0000EE;
}

body {

    background: #FFFFFF url(../images/back_all2.png) repeat-x;
    font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    height:100%;
}

table {
/*
    border-spacing: 20px;
    padding: 20px;

*/


}

th {
    white-space: nowrap;


}

p.header {
    text-align: center;
}

#content
{
    width: 990px;
    text-align: left;
    height:500px;
}

#sidebar
{
    width:64px;
    float:left;
    height:470px;
    background-image: url(../images/sidebar_backend.png);
}

#sidebar_backend
{
    width:64px;
    float:left;
    height:470px;
    background-image: url(../images/sidebar_backend.png);
}
#sfcontent
{
    float:right;
    padding-top:15px;
    width:910px;
}


#header {

    text-align: left;
}

#menu1
{
width: 900px;
height: 45px;
padding-left: 70px;
}

#menu ul {
    list-style: none;
}

#menu li {

    display: inline;

}


#menu a {
    width: 57px;
    height: 15px;
    display: block;
    text-align: center;
    text-decoration: none;
    padding-top:40px;
    font-size:9px;

}



#dashboard
{
background: url(../images/dashboard.png) no-repeat;
width: 75px;
padding-bottom:10px;
}

#booking
{
background: url(../images/booking.png) no-repeat;
width: 75px;
padding-bottom:10px;
}

#schedule
{
background: url(../images/scheduling.png) no-repeat;
width: 75px;
padding-bottom:10px;
}

#fuelmonitoring
{
background: url(../images/fuelmonitoring.png) no-repeat;
width: 75px;
padding-bottom:10px;
}

#maintenance
{
background: url(../images/maintain.png) no-repeat;
width: 75px;
padding-bottom:10px;
}

#admin
{
background: url(../images/admin.png) no-repeat;
width: 75px;
padding-bottom:10px;
}

#logout
{
background: url(../images/logout.png) no-repeat;
width: 75px;
padding-bottom:10px;
}
#vehicle
{
background: url(../images/vehicle_small.png) no-repeat;
width: 75px;
padding-bottom:10px;
}
#users
{
background: url(../images/users.png) no-repeat;
width: 75px;
padding-bottom:10px;
}

#logo {
width: 200px;
text-align: left;
padding-left: 10px;
float:left;
height:33px;

}

#appName
{
    width:470px;
    display:inline;
    float:left;
    height:30px;
    text-align: center;
}

#appName a {
    text-decoration: none;
    font-size: 15px;
    color: #000000;
}

#line1, #line2
{
line-height: 15px;
width:200px;
}

#appName #line2 a
{
font-size: 10px;
text-transform: uppercase;
}

#line-middle
{
    padding-top:4px;
}

#line-middle a
{
font-size: 18px;
}

#headerActions
{
    width:300px;
    display:inline;
    float:left;
    height:30px;
		text-align:right;
}

#headerActions #username
{
    padding-top:9px;
    padding-bottom:10px;
    height:10px;
    width:50%;
    display:inline;
    float:left;
}

#headerActions #logoutHeader
{
    padding-top:9px;
    padding-bottom:10px;
    height:10px;
    width:50%;
    display:inline;
    float:left;
}


#top
{
background: url(../images/top.gif) no-repeat;
height: 10px;
width: 980px;
}

#main
{
width: 980px;
background: #FFFFFF;
}

#pleft
{
position:absolute;
left:450px;
top:120px
}
#boxes
{
width: 765px;
height: 212px;
margin-bottom: 10px;
}

#box1
{
width: 203px;
height: 203px;
float: left;
font-size: 11px;
background: url(../images/box1.jpg) no-repeat;
}

#box2
{
width: 203px;
height: 203px;
float: left;
font-size: 11px;
background: url(../images/box2.jpg) no-repeat;
}

#box3
{
width: 203px;
height: 203px;
float: left;
font-size: 11px;
background: url(../images/box3.jpg) no-repeat;
}

#box1 h2, #box2 h2, #box3 h2
{
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
padding-bottom: 10px;
}

#box1, #box2, #box3
{
color: #000000;
margin-left: 16px;
margin-top: 10px;
padding: 15px;
}

#top1
{
width: 733px;
/*background: url(../images/top1.gif) no-repeat;*/
height: 15px;
}

#bottom1
{
width: 733px;
/*background: url(../images/bottom1.gif) no-repeat top;*/
height: 11px;
}

#page
{
width: 980px;
margin: 0 auto;
}

#back1
{
/*background: #ECECEC;*/
}

#left
{
    width: 890px;
    margin-left: 15px;
}

#left H3
{
width: 182px;
height: 28px;
font-size: 14px;
font-weight: bold;
padding-left: 25px;
padding-top: 10px;
text-transform: uppercase;
color: #ffffff;
background: url(../images/title.gif) repeat-x
}

#left ul {
    list-style: none;

}

#left li ul {
    border: 0px;
    margin-left: 20px;
    margin-bottom: 10px;
}

#left li li {
    padding: 4px 10px;
    background: url(../images/small.gif) no-repeat left;
}
/*
#left a {
    color: #7BBB15;
}
#left a:visited {
    color: #7BBB15;
}
*/
#left p
{
padding: 10px;
}

#calendar1 {
    padding: 0 10px 20px 10px;
}

#calendar table {
    width: 100%;
    text-align: center;
}

#calendar thead {

}

#calendar tbody td {
    border: 1px solid #F1F1F1;
}

#calendar #prev {
    text-align: left;
}

#calendar #next {
    text-align: right;
}

#calendar tfoot a {
    text-decoration: none;
    font-weight: bold;
}

#calendar #now {
    background: #696969;
    border: 1px solid #ff0000;
    font-weight: bold;
    color: #ffffff
}

#right
{
float: right;
width: 450px;
padding-right: 10px;
}

#right H4
{
    margin: 0;
    padding: 0px;
    font-size: 12px;
    color: #7BBB15;
}

#right a
{
color: #7BBB15;
text-decoration: none;
}

#right p {
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
}

#right h2 {
    margin: 0;
    padding: 0;
    padding-top: 10px;
    color: #7BBB15;
}

#right ol, #right ul
{
margin-left: 30px;
}

.date {
    text-align: right;
    color: #808080;
    font-size: 11px;
}

.date a {
    color: #D72020;
}



#footer {
    height: 29px;
    width: 980px;
    clear: both;
    padding-top: 20px;
    padding-bottom: 10px;
    background: url(../images/bottom.gif) no-repeat top;
}

#footer p {
    margin: 0;
    font-size: 10px;
    text-align: center;
    color: #666666;
}

#footer a {
    color: #666666;
}



/*
Don Form Styles
*/


.container {
    margin:0em 0em 1.2em;
    width:100%;
}

.container-body {
    background:#FFF
        url(../images/container-gradient.gif)
        repeat-x 0% 100%;
    border-bottom:#CCC solid 1px;
    border-left:#CCC solid 1px;
    border-right:#CCC solid 1px;
    width:900px;
    padding:5px;
}

.container-body-booking {
    background:#FFF
        url(../images/booking-faded.png)
         no-repeat 0% 100%;
    background-position:bottom right;
    border-bottom:#CCC solid 1px;
    border-left:#CCC solid 1px;
    border-right:#CCC solid 1px;
    width:900px;
    height:500px;
    padding:5px;
}

.container-body-scheduling {
    background:#FFF
        url(../images/scheduling-faded.png)
         no-repeat 0% 100%;
    background-position:bottom right;
    border-bottom:#CCC solid 1px;
    border-left:#CCC solid 1px;
    border-right:#CCC solid 1px;
    width:900px;
    height:500px;
    padding:5px;
}

.container-audit-log {
        background:#FFF
        url(../images/log-faded.png)
         no-repeat 0% 100%;
    background-position:bottom right;
    border-bottom:#CCC solid 1px;
    border-left:#CCC solid 1px;
    border-right:#CCC solid 1px;
    width:900px;
    height:500px;
    padding:5px;
}

.container-body-admin {
    background:#FFF
        url(../images/admin-faded.png)
         no-repeat 0% 100%;
    background-position:bottom right;
    border-bottom:#CCC solid 1px;
    border-left:#CCC solid 1px;
    border-right:#CCC solid 1px;
    width:900px;
    height:500px;
    padding:5px;
}

.container-body-vehicles {
    background:#FFF
        url(../images/vehicles-faded.png)
         no-repeat 0% 100%;
    background-position:bottom right;
    border-bottom:#CCC solid 1px;
    border-left:#CCC solid 1px;
    border-right:#CCC solid 1px;
    width:900px;
    height:500px;
    padding:5px;
}

.container-body-bookingtype {
    background:#FFF
        url(../images/bookingtype-faded.png)
         no-repeat 0% 100%;
    background-position:bottom right;
    border-bottom:#CCC solid 1px;
    border-left:#CCC solid 1px;
    border-right:#CCC solid 1px;
    width:900px;
    height:500px;
    padding:5px;
}

.container-body-vehicleclassification {
    background:#FFF
        url(../images/vehicle-classification-faded.png)
         no-repeat 0% 100%;
    background-position:bottom right;
    border-bottom:#CCC solid 1px;
    border-left:#CCC solid 1px;
    border-right:#CCC solid 1px;
    width:900px;
    height:500px;
    padding:5px;
}

.container-body-department {
    background:#FFF
        url(../images/department-faded.png)
         no-repeat 0% 100%;
    background-position:bottom right;
    border-bottom:#CCC solid 1px;
    border-left:#CCC solid 1px;
    border-right:#CCC solid 1px;
    width:900px;
    height:500px;
    padding:5px;
}

.container-body-admin {
    background:#FFF
        url(../images/admin-faded.png)
         no-repeat 0% 100%;
    background-position:bottom right;
    border-bottom:#CCC solid 1px;
    border-left:#CCC solid 1px;
    border-right:#CCC solid 1px;
    width:900px;
    height:520px;
    padding:5px;
}

.container-body-fuelmonitoring {
    background:#FFF
        url(../images/fuelmonitoring-faded.png)
         no-repeat 0% 100%;
    background-position:bottom right;
    border-bottom:#CCC solid 1px;
    border-left:#CCC solid 1px;
    border-right:#CCC solid 1px;
    width:900px;
    height:660px;
    padding:5px;
}

.container-body-tire {
    background:#FFF
        url(../images/tire-faded.png)
         no-repeat 0% 100%;
    background-position:bottom right;
    border-bottom:#CCC solid 1px;
    border-left:#CCC solid 1px;
    border-right:#CCC solid 1px;
    width:900px;
    height:500px;
    padding:5px;
}

.container-body-destination {
    background:#FFF
        url(../images/map-faded.png)
         no-repeat 0% 100%;
    background-position:bottom right;
    border-bottom:#CCC solid 1px;
    border-left:#CCC solid 1px;
    border-right:#CCC solid 1px;
    width:900px;
    height:500px;
    padding:5px;
}

.container-body-tiremanufacturer {
    background:#FFF
        url(../images/tiremanufacturer-faded.png)
         no-repeat 0% 100%;
    background-position:bottom right;
    border-bottom:#CCC solid 1px;
    border-left:#CCC solid 1px;
    border-right:#CCC solid 1px;
    width:900px;
    height:500px;
    padding:5px;
}

.container-body-nut {
    background:#FFF
        url(../images/nut-faded.png)
         no-repeat 0% 100%;
    background-position:bottom right;
    border-bottom:#CCC solid 1px;
    border-left:#CCC solid 1px;
    border-right:#CCC solid 1px;
    width:900px;
    height:500px;
    padding:5px;
}

.container-body-drivers {
    background:#FFF
        url(../images/drivers-faded.png)
         no-repeat 0% 100%;
    background-position:bottom right;
    border-bottom:#CCC solid 1px;
    border-left:#CCC solid 1px;
    border-right:#CCC solid 1px;
    width:900px;
    height:500px;
    padding:5px;
}

.container-body-vehiclemanufacturer {
    background:#FFF
        url(../images/vehiclemanufacturers-faded.png)
         no-repeat 0% 100%;
    background-position:bottom right;
    border-bottom:#CCC solid 1px;
    border-left:#CCC solid 1px;
    border-right:#CCC solid 1px;
    width:900px;
    height:500px;
    padding:5px;
}

.container-body-login {
    background:#FFF
        url(../images/login.png)
         no-repeat 0% 100%;
    background-position:bottom right;
    border-bottom:#CCC solid 1px;
    border-left:#CCC solid 1px;
    border-right:#CCC solid 1px;
    width:400px;
    height:150px;
    padding:5px;
}

.container-body-truckblank {
    background:#FFF
        url(../images/truckblank.png)
         no-repeat 0% 100%;
    background-position:top center;
    border-bottom:#CCC solid 1px;
    border-left:#CCC solid 1px;
    border-right:#CCC solid 1px;
    width:900px;
    height:300px;
    padding-left:5px;
    padding-right:5px;
}


.front-left{
   position: absolute;
   left: 805px;
   top: 555px;
}

.front-right{
   position: absolute;
   left: 805px;
   top: 764px;
}

.left-outer-front{
  position: absolute;
  left: 500px;
  top: 533px;
}

.left-inner-front{
  position: absolute;
  left: 550px;
  top: 593px;
}

.right-outer-front{
  position: absolute;
  left: 500px;
  top: 780px;
}

.right-inner-front{
  position: absolute;
  left: 550px;
  top: 723px;
}

.left-outer-rear{
  position: absolute;
  left: 193px;
  top: 533px;

}

.left-inner-rear{
  position: absolute;
  left: 150px;
  top: 593px;
}

.right-outer-rear{
  position: absolute;
  left: 193px;
  top: 780px;
}

.right-inner-rear{
 position: absolute;
 left: 150px;
 top: 720px;
}

.spare{
 position: absolute;
 left: 540px;
 top: 650px;
}

.indicator
{
  width: 100px;
  height: 40px;
  left: 10px;
  top: 10px;
  z-index: 900;
  background: url(../images/indicator.gif) no-repeat 0 0;
}

/* Styles */
div.form-two-column div.fm-opt1 {
display:inline;
float:left;
width:390px;

}
div.form-two-column div.fm-opt2 {
display:inline;
width:150px;

}
#form-content-main div.form-two-column div.fm-opt1 label {
width: 140px;
padding: 0 .7em;

}
#form-content-main div.form-two-column div.fm-opt2 label {
width: 100px;
padding: 0 .6em;

}
form {
    margin: 0;
    padding: 0;
}

fieldset.fieldborder {
    border:none;
    border-top: 1px solid #ccc;
}

.form-container.form-script-module {margin:0px !important;}
.form-error {color:#F00;}
.form-container .form-container-body {
    background:#FFF
        url("../images/container-gradient.gif")
        repeat-x 0% 100%;
    border-bottom:#CCC solid 1px;
    border-left:#CCC solid 1px;
    border-right:#CCC solid 1px;
    width:900px;
}
.form-container.form-alternate .form-container-body {background:none;}
.form-container h2,
table.form-data-table caption {
    background:#FFF
        url("../images/subtitle-gradient.gif")
        repeat-x;
    border:#CCC solid 1px;
    margin:0px;
    height:1%;
    width:910px;
}
.form-container-login {
    margin-top:50px;
    margin-left:130px;

}

.form-container-login h2{
    background:#FFF
        url("../images/subtitle-gradient.gif")
        repeat-x;
    border:#CCC solid 1px;
    margin:0px;
    height:1%;
    width:410px;
}

.form-container-login label{
    float: left;
    width: 60px;
    padding: 0 1em;
    text-align: right;
    font-weight:bold;
}

legend.pocreate {
    margin: 1em 0;
    padding: 0 .5em;
    color: #036;
    background: transparent;
    font-size: 1.3em;
    font-weight: bold;
}

label {
    float: left;
    width: 140px;
    padding: 0 1em;
    text-align: right;
    font-weight:bold;
}

fieldset div {
    margin-bottom: .5em;
    padding: 0;
    display: block;
}



fieldset div select {
    padding: 1px;
}

div.fm-multi div {
    margin: 5px 0;
}

div.fm-multi input {
    width: 1em;
}

div.fm-multi label {
    display: block;
    width: 200px;
    padding-left: 5em;
    text-align: left;
}

#fm-submit {
    clear: both;
    padding-top: 1em;
    text-align: center;
}

#fm-submit input {
    border: 1px solid #333;
    padding: 2px 1em;
    background: #555;
    color: #fff;
    font-size: 100%;
}

input:focus, textarea:focus {
    background: #efefef;
    color: #000;
}


/* required fields - does not work in IE */
fieldset div.fm-req {
    font-weight: bold,italic;
}

fieldset div.fm-req label:before {
    content: "* "; /* does not work in IE */
}

.sortheader {
    font-size:11px;
    color:black;

}

/* Styles for the item edit and delete */

.itemdetails{
display:inline;

width:600px;
}
.DRactions{
display:inline;
width:70px;
}


.DRitem{
margin-left:250px;
}

.vehicletype {
display:inline;
width:50px;
float:left;

}

.vehicleamount {
display:inline;
width:350px;
float:left;
}

.itemprice {
display:inline;
width:50px;
float:left;
}

.itemchargecode {
display:inline;
width:50px;
float:left;
}

.tripvehicle {
display:inline;
width:150px;
float:left;

}

.itemdetails2{
display:inline;
float:left;
width:550px;
padding: 0 5px 0 5px;
}

.itemdetails2 a{
color:#666;
}

.itemdetails3{
display:inline;
float:left;
width:530px;

}
.itemactions{
display:inline;
width:80px;
float:left;
height:100%;
padding: 0 5px 0 5px;
margin-right:10px;
}

.searchbar{
    width:300px;
    display:inline;
}

#loginDescription{
    float:right;
    width:400px;
}
#loginForm{
    display:inline;
    width:400px;
    float:left;
}

#securityLogo{
    display:inline;
    width:300px;
    float:left;
}

.error_list{
    color:#f00;
}

.backwheels-space{
    width:330px;
		height:100%;
		background-color:white;

}
.frontwheels-space{
    width:260px;
		height:100%;
		background-color:white;
		float:right;
}
